<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
		<title></title>
	</head>
	<body class="container">
		<h3 class="mb-4">文本换行</h3>
		<div class="border border-primary mb-5" style="width: 15rem;;">
			床前明月光，疑是地上霜。举头望明月，低头思故乡
		</div>
		<div class="border border-primary mb-5 text-nowrap" style="width: 15rem;;">
			床前明月光，疑是地上霜。举头望明月，低头思故乡
		</div>
		<div class="border border-primary mb-5 text-truncate" style="width: 15rem;;">
			床前明月光，疑是地上霜。举头望明月，低头思故乡
		</div>
	</body>
</html>
